<%--
  Created by IntelliJ IDEA.
  User: lkl
  Date: 2024/7/3
  Time: 22:01
  To change this template use File | Settings | File Templates.
--%>
<%@ page pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="jakarta.tags.core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<base href="<%=basePath%>">
<head>
    <link rel="apple-touch-icon" sizes="76x76" href="./assets/img/123.png">
    <link rel="icon" type="image/png" href="./assets/img/123.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>NEFU CCEC SE</title>
    <!--<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport'/>-->
    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700|Source+Sans+Pro:400,700" rel="stylesheet">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
    <link rel="stylesheet" href="Bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="Bootstrap/font/bootstrap-icons.css">
    <!-- Main CSS -->
    <!--    <link rel="stylesheet" href="./assets/css/app.css"/>-->
    <!--    <link rel="stylesheet" href="./assets/css/theme.css"/>-->
    <link rel="stylesheet" href="assets/css/index.css"/>

    <style>
        /* 通用滚动条样式 */
        * {
            scrollbar-width: thin; /* 适用于Firefox */
            scrollbar-color: #4caf50 #f5f5f5; /* 滚动条滑块和背景色 */
        }

        /*.carousel*/
        /*{*/
        /*    !*响应式用媒体查询*!*/
        /*    @media (max-width: 768px) {*/
        /*        .carousel-item{*/
        /*            height: 250px;*/
        /*        }*/
        /*    }*/

        /*    @media (min-width: 768px) {*/
        /*        .carousel-item{*/
        /*            height: 400px;*/
        /*        }*/
        /*    }*/

        /*    @media (min-width: 992px) {*/
        /*        .carousel-item{*/
        /*            height: 470px;*/
        /*        }*/
        /*    }*/
        /*    .carousel-item{*/
        /*        height: 550px;*/
        /*        background-size: cover;*/
        /*        background-position: center 0;*/
        /*    }*/
        /*    .carousel-item:nth-child(1)*/
        /*    {*/
        /*        !*background-image: url("./assets/img/job/beijing/bj5.jpg");*!*/
        /*        background-image: url("assets/img/job/beijing/bj5.jpg");*/
        /*    }*/
        /*    .carousel-item:nth-child(2)*/
        /*    {*/
        /*        !*background-image: url("./assets/img/job/beijing/bj1.jpg");*!*/
        /*        background-image: url("assets/img/job/beijing/bj1.jpg");*/
        /*    }*/
        /*    .carousel-item:nth-child(3)*/
        /*    {*/
        /*        !*background-image: url("./assets/img/job/beijing/bj2.jpeg");*!*/
        /*        background-image: url("assets/img/job/beijing/bj2.jpeg");*/
        /*    }*/
        /*    .carousel-item:nth-child(4)*/
        /*    {*/
        /*        !*background-image: url("./assets/img/job/beijing/bj3.webp");*!*/
        /*        background-image: url("assets/img/job/beijing/bj3.webp");*/
        /*    }*/
        /*    .carousel-item:nth-child(5)*/
        /*    {*/
        /*        !*background-image: url("./assets/img/job/beijing/bj4.jpg");*!*/
        /*        background-image: url("assets/img/job/beijing/bj4.jpg");*/
        /*    }*/
        /*}*/

        .carousel .carousel-item {
            height: 550px; /* 默认高度 */
            background-size: cover;
            background-position: center 0;
        }

        /* 媒体查询：大于等于992px的屏幕 */
        @media (min-width: 992px) {
            .carousel .carousel-item {
                height: 470px;
            }
        }

        /* 媒体查询：大于等于768px且小于992px的屏幕 */
        @media (min-width: 768px) and (max-width: 991px) {
            .carousel .carousel-item {
                height: 400px;
            }
        }

        /* 媒体查询：小于768px的屏幕 */
        @media (max-width: 767px) {
            .carousel .carousel-item {
                height: 250px;
            }
        }

        /* 设置特定轮播图项目的背景图像 */
        .carousel .carousel-item:nth-child(1) {
            background-image: url("assets/img/job/beijing/bj5.jpg");
        }
        .carousel .carousel-item:nth-child(2) {
            background-image: url("assets/img/job/beijing/bj1.jpg");
        }
        .carousel .carousel-item:nth-child(3) {
            background-image: url("assets/img/job/beijing/bj2.jpeg");
        }
        .carousel .carousel-item:nth-child(4) {
            background-image: url("assets/img/job/beijing/bj3.webp");
        }
        .carousel .carousel-item:nth-child(5) {
            background-image: url("assets/img/job/beijing/bj4.jpg");
        }


        /* Webkit浏览器（如Chrome、Safari）的滚动条样式 */
        ::-webkit-scrollbar {
            width: 8px; /* 滚动条宽度 */
            height: 8px;
        }

        ::-webkit-scrollbar-thumb {
            background-color: #4caf50; /* 滚动条滑块颜色 */
            border-radius: 4px; /* 圆角 */
        }

        ::-webkit-scrollbar-track {
            background-color: #f5f5f5; /* 滚动条轨道颜色 */
        }
        .navbar-nav .highlight .nav-link
        {
            border-color:transparent;
            color: #495157!important;
        }
        /* 定义过渡效果 */
        a{
            transition: transform 0.3s ease;
            /*text-decoration: none!important;*/
            /* 可以添加其他基础样式，如颜色、边框等 */
        }

        /* 定义悬浮时的样式 */
        a:hover {
            transform: scale(1.2); /* 你可以根据需要调整这个值 */
            text-decoration: none!important;
        }
        /*!* 为highlight类中的.nav-link添加悬浮时的背景颜色 *!*/
        /*.navbar-nav .highlight .nav-link:hover {*/
        /*    border-color:#245e98;*/
        /*    background-color: #245e98; !* 悬浮时的背景颜色 *!*/
        /*    color: #0e5b3b; !* 悬浮时的文本颜色，如果有需要 *!*/
        /*}*/
        /*.nav-item:hover{*/
        /*    !*text-decoration: underline;*!*/
        /*}*/
        .align-self-center
        {
            text-align: center;
        }
        .footer{
            margin-top: 60px;
            height: 150px;
            background-color: #F5F5F5;
            text-align: center;
        }
        .service{
            padding: 30px 0px;
            height: 60px;
            border-bottom:1px solid #E8E8E8 ;
        }
        .copyright
        {
            padding:  0px 0px;
            height:30px;
            border-bottom:1px solid #E8E8E8 ;
        }
        .maker
        {
            padding: 0px 0px;
            height: 60px;
            border-bottom:1px solid #E8E8E8 ;
        }
    </style>
</head>
<body>
<!--------------------------------------
NAVBAR
--------------------------------------->
<!--导航-->
<nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top">
    <div class="container">
        <a class="navbar-brand" href="index.html"><strong>软件工程专业(SE)</strong></a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="introduction">专业介绍</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="lab">实验室</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="teacher">教师队伍</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="job">就业指南</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="listNews">新闻</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="listNotice">公告</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="login">登录</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<!-- End Navbar -->


<!--------------------------------------
HEADER
--------------------------------------->


<!--轮播图区域-->
<div id="carouselExampleIndicators" class="carousel slide">
    <div class="carousel-indicators">
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" aria-label="Slide 5"></button>
    </div>
    <div class="carousel-inner">

        <div class="carousel-item active">

        </div>
        <div class="carousel-item">

        </div>
        <div class="carousel-item">

        </div>
        <div class="carousel-item">

        </div>
        <div class="carousel-item">

        </div>
    </div>
    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
    </button>
</div>


<!-- End Header -->
<br>
<br>

<div class="container">
    <div class="row justify-content-between">
        <div class="col-md-6">
            <h5 class="font-weight-bold spanborder"><span>就业工作</span></h5>
            <ol class="list-featured">

                <c:forEach items="${jobs}" var="j">
                <li>
                    <span>
                        <h6 class="font-weight-bold">
                        <a href="getjob?jid=${j.jid}" class="text-dark custom-link">${j.title}</a>
                        </h6>
                         <c:set var="partialContent" value="${fn:substring(j.content, 0, 85)}" />
                        <p class="text-muted">${partialContent}...</p>
                    </span>
                </li>
                </c:forEach>
<%--                <li>--%>
<%--                    <span>--%>
<%--                        <h6 class="font-weight-bold">--%>
<%--                        <a href="./articles/job7.html" class="text-dark custom-link">信息学院与黑龙江长城计算机系统有限公司开展校企联建活动</a>--%>
<%--                        </h6>--%>
<%--                        <p class="text-muted">--%>
<%--                            为推动学院党史学习教育落地见效，强化党建引领作用，发挥校企双方优势，<br>加强推进校企党建联建育人模式...--%>
<%--                        </p>--%>
<%--                    </span>--%>
<%--                </li>--%>
<%--                <li>--%>
<%--				<span>--%>
<%--				<h6 class="font-weight-bold">--%>
<%--				<a href="./articles/job8.html" class="text-dark custom-link">信息学院软件工程专业党支部举办职业规划指导活动</a>--%>
<%--				</h6>--%>
<%--				<p class="text-muted">--%>
<%--					按照党史学习教育“学党史、悟思想、办实事、开新局”的要求，信息学院 <br> 软件工程专业党支部将“我为群众办实事”实践活动作为党史学习教育重要内容...--%>
<%--				</p>--%>
<%--				</span>--%>
<%--                </li>--%>
            </ol>
        </div>
        <div class="col-md-6">
            <h5 class="font-weight-bold spanborder"><span>就业信息</span></h5>
            <ol class="list-featured">
                <c:forEach items="${job1s}" var="j">
                    <li>
                    <span>
                        <h6 class="font-weight-bold">
                        <a href="getjob1?jid=${j.jid}" class="text-dark custom-link">${j.title}</a>
                        </h6>
                         <c:set var="partialContent" value="${fn:substring(j.content, 0, 85)}" />
                        <p class="text-muted">${partialContent}...</p>
                    </span>
                    </li>
                </c:forEach>
<%--                <li>--%>
<%--                    <span>--%>
<%--                        <h6 class="font-weight-bold">--%>
<%--                        <a href="./articles/job1.html" class="text-dark custom-link">【世界500强央企】入职国机，机不可失！中国机械工业集团专场宣讲会</a>--%>
<%--                        </h6>--%>
<%--                            <p class="text-muted">--%>
<%--                            【世界500强央企】入职国机，机不可失！--%>
<%--                              中国机械工业集团专场宣讲会...--%>
<%--                            </p>--%>
<%--                    </span>--%>
<%--                </li>--%>
<%--                <li>--%>
<%--                    <span>--%>
<%--                        <h6 class="font-weight-bold">--%>
<%--                        <a href="./articles/job2.html" class="text-dark custom-link">潍柴雷沃智慧农业2024届校园招聘宣讲会</a>--%>
<%--                        </h6>--%>
<%--                        <p class="text-muted">--%>
<%--                            🎺国有企业招聘啦！<br>--%>
<%--                            潍柴雷沃智慧农业2024届校园招聘宣讲会 <br>--%>
<%--                            宣讲地点：东北林业大学丹青楼309...--%>
<%--                        </p>--%>
<%--                    </span>--%>
<%--                </li>--%>
<%--                <li>--%>
<%--				<span>--%>
<%--				<h6 class="font-weight-bold">--%>
<%--				<a href="./articles/job3.html" class="text-dark custom-link">柳工机械2024届校园招聘——东北林业大学站</a>--%>
<%--				</h6>--%>
<%--				<p class="text-muted">--%>
<%--					柳工机械2024届校园招聘 <br>--%>
<%--                    -----📍东北林业大学大学站📍-----...--%>
<%--				</p>--%>
<%--				</span>--%>
<%--                </li>--%>
<%--                <li>--%>
<%--				<span>--%>
<%--				<h6 class="font-weight-bold">--%>
<%--				<a href="./articles/job4.html" class="text-dark custom-link">京东方2024校园招聘·东北林业大学 专场宣讲会</a>--%>
<%--				</h6>--%>
<%--				<p class="text-muted">--%>
<%--					[爱心]京东方2024校园招聘·东北林业大学 专场宣讲会[爱心]<br>--%>
<%--                    【时间】9月22日（周五）18:30 <br>--%>
<%--                    【地点】锦绣T201...--%>
<%--				</p>--%>
<%--				</span>--%>
<%--                </li>--%>
<%--                <li>--%>
<%--				<span>--%>
<%--				<h6 class="font-weight-bold">--%>
<%--				<a href="./articles/job5.html" class="text-dark custom-link">施耐德电气（中国）2024届校园招聘全面启动</a>--%>
<%--				</h6>--%>
<%--				<p class="text-muted">--%>
<%--					🔥🔥施耐德电气（中国）2024届校园招聘全面启动...--%>
<%--				</p>--%>
<%--				</span>--%>
<%--                </li>--%>

            </ol>
        </div>

    </div>

</div>

<!--------------------------------------
FOOTER
--------------------------------------->

<div class="footer border-top">
    <div class="wrapper">
        <!--		服务-->
        <div class="service">
            服务于NEFU CCEC SE
        </div>
    </div>
    <!--		版权-->
    <div class="copyright">
        版权所有 2024 东北林业大学计算机与控制工程学院软件工程专业
    </div>
    <div class="maker">
        Copyright &copy; Li KunLong
    </div>
</div>
<!-- End Footer -->

<!--------------------------------------
JAVASCRIPTS
--------------------------------------->
<script src="./assets/js/vendor/jquery.min.js" type="text/javascript"></script>
<script src="./assets/js/vendor/popper.min.js" type="text/javascript"></script>
<script src="./assets/js/vendor/bootstrap.min.js" type="text/javascript"></script>
<script src="./assets/js/functions.js" type="text/javascript"></script>
<script src="./Bootstrap/js/bootstrap.min.js"></script>

<script>
    // 等待DOM加载完成
    document.addEventListener('DOMContentLoaded', function() {
        // 获取轮播组件的DOM元素
        var carousel = document.getElementById('carouselExampleIndicators');
        // 初始化轮播组件
        var carouselInstance = new bootstrap.Carousel(carousel, {
            interval: 2000, // 轮播时间间隔，单位毫秒
            ride: 'carousel' // 启用自动轮播
        });
    });
</script>

</body>
</html>
